:root {
    --shadow-xs: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 1px 2px  rgba(0, 0, 0, 0.08),  0px 2px 4px   rgba(0, 0, 0, 0.08);
    --shadow-s:  0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 4px  rgba(0, 0, 0, 0.08),  0px 4px 8px   rgba(0, 0, 0, 0.08);
    --shadow-m:  0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px  rgba(0, 0, 0, 0.08),  0px 8px 8px   rgba(0, 0, 0, 0.08);
    --shadow-l:  0px 2px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08),  0px 8px 16px  rgba(0, 0, 0, 0.08);
    --shadow-xl: 0px 4px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08),  0px 24px 24px rgba(0, 0, 0, 0.08);
}